<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title data-ind="1">research</title>
    <script type="text/javascript" src="js/location.js"></script>
    
    
    <!-- <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> -->

    <script type="text/javascript" src="js/Adaptive/Adaptive.js"></script>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/swiper3.06.min.css">
    <link rel="stylesheet" type="text/css" href="css/animate.min.css">
    <script type="text/javascript" src="js/jquery/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="js/swiper/swiper.min.js"></script>
    <script type="text/javascript" src="js/swiper/swiper.animate1.0.2.min.js"></script>


</head>
<body>

<div id="PhotoPreview">
        <div class="txit">
            <span>
                <i class="iconfont">&#xe635;</i>
            </span>
        </div>

        <div class="swiper-container" id="PhotoPreviewSw">
            <div class="swiper-wrapper">
                <!-- <div class="swiper-slide"><div class="tb"><div class="td"><img src="http://47.89.20.150/czlycms/Public/Cms/Slide/5836a29b9d0f0.jpg"></div></div></div> -->
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination" id="pageindphontos"></div>
        </div>
    </div>


    <header id="indHead"></header>

    <section id="Max_Con" class="research">
        <!-- R&D Overview -->
        <div class="Overview">
            <div class="headInd"><span>R&D </span>Overview</div>
            <p class="info">The Group places major emphasis on the protection of intellectual property rights. It encourages its enterprises to apply for patent applications as a means to enhance the Group's core competitiveness.</p>
            <div class="clear"></div>

            <ul class="IndList clearfloat">
                <li><div class="ind">3</div><p>Main Research Institudes</p></li>

                <li><div class="ind">10.1%</div><p>Group's revenue</p></li>

                <li><div class="ind">HK$1.59B</div><p>R&D expenditure</p></li>

                <li><div class="ind">532</div><p>Invention patent approvals</p></li>

                <li><div class="ind">13</div><p>Utility model patents</p></li>

                <li><div class="ind">55</div><p>Apparel design patents</p></li>

            </ul>


        </div>

        <!-- R&D Overview end-->
        

        <!-- R&D PHOTOS -->
        <div class="PHOTOS">
            <div class="headInd"><span>R&D </span>PHOTOS</div>

            <ul class="PHOTOSList clearfloat" id="focusCon">
               <!--  <li><a href="#"><img src="images/ku/img_08.png"></a></li>
                <li><a href="#"><img src="images/ku/img_08.png"></a></li>
                <li><a href="#"><img src="images/ku/img_08.png"></a></li>
                <li><a href="#"><img src="images/ku/img_08.png"></a></li>
                <li><a href="#"><img src="images/ku/img_08.png"></a></li>
                <li><a href="#"><img src="images/ku/img_08.png"></a></li> -->
            </ul>
            
        </div>
        <!-- R&D PHOTOS end -->



        <!-- Research Institutions -->
        <div class="Institutions">
            <div class="headInd"><span>Research </span>Institutions</div>

            <div class="mapCon">
                <div class="mapHead">R&D Locations</div>
                <img src="images/public/mapResearch.png">
            </div>
            
        </div>

        <div >
            <!-- <video id="indVideo" width="100%;" src="http://www.ctmto.com/video/cn.mp4" poster="video/video.png" controls></video> -->
            
        </div>

        <!-- Research Institutions end -->
        <div id="footerCon"></div>





    </section>

    <script type="text/javascript" src="js/publick.js"></script>
    <script type="text/javascript" src="header/header.js"></script>
    <script type="text/javascript" src="js/research.js"></script>





    <script type="text/javascript">
        // 当页面ready的时候，执行回调:
        // Zepto(function($){
          // // alert('Ready to Zepto!')

          var yearListSwiper = new Swiper ('#yearListSwiper', {
            freeMode:true,
            slidesPerView : 'auto'

        })        


      // })




  </script>

</body>
</html>